<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- <a href='javascrpt:;'>百度</a> -->
  <a href=''>百度</a>
  <form action="">
    <p>
      <label for=''>用户名:</label><input type="text" name="user">
    </p>
    <p>
      <label for=''>密&emsp;码:</label><input type="text" name="pwd">
    </p>
    <p>
      <button>提交</button>
      <input type="submit" name="" id="提交">
    </p>
  </form>
</body>
<script>
  //浏览器的默认行为
  // 1.a标签的默认跳转
  // 2. 表单默认提交
  // 3. F5默认刷新
  // 4. 鼠标右键菜单


  //阻止浏览器的默认行为
  //1.a标签的默认跳转
  // a.  <a href='javascrpt:;'>百度</a>
  // b.  事件对象中阻止默认方法
  //     常规浏览器
  //     e.preventDefault();
  //     IE
  //     e.returnValue = false;   // return false;

  // 2. 阻止表单默认提交
  // 3. 阻止F5默认刷新
  // 4. 阻止鼠标右键菜单

  var a = document.querySelector('a');
  var form = document.querySelector("form");
  console.log(a);

  a.onclick = function (e) {
    var e = e || window.event;
    // e.preventDefault();
    if (e.preventDefault()) {
      e.preventDefault()
    } else {
      e.returnValue = false;   //Ie8  =>兼容
    }
    console.log('2222');

  }

  form.onsubmit = function () {
    var e = e || window.event;
    if (e.preventDefault) {
      e.preventDefault();
    } else {
      e.returnValue = false;
    }
    console.log('2222');
  }

  document.onkeydown = function (e) {
    var e = e || window.event;
    console.log(e.key);
    if (e.key == "F5") {
      if (e.preventDefault) {
        e.preventDefault();
      } else {
        e.returnValue = false;
      }
    }
  }


  document.oncontextmenu = function (e) {
    var e = e || window.event;
    console.log("鼠标右键菜单", e);
    if (e.preventDefault) {
      e.preventDefault();
    } else {
      e.returnValue = false;
    }
  }



</script>

</html>